import Input from "antd/es/input";
import Link from "../../../assets/sendChat/1.png";
import Img from "../../../assets/sendChat/4.png";
import Crop from "../../../assets/sendChat/3.png";
import voice from "../../../assets/sendChat/5.png";
import arrow from "../../../assets/sendChat/2.png";
import Tooltip from "antd/es/tooltip";
const sendCom = () => {
  return (
    <div className="h-12 rounded-2xl border-gray-black border flex overflow-hidden relative items-center">
      <Input
        className="bg-transparent hover:bg-transparent focus:bg-transparent 
                   border-0 text-gray-black focus:border-purple-500 focus:ring-0 
                   hover:border-purple-500"
        placeholder="发送消息、输入@或/选择技能"
      />
      <div className="mr-3 flex items-center flex-none">
        <Tooltip
          placement="top"
          title={customContent}
          color="#fff"
          overlayInnerStyle={{
            color: "rgba(51, 51, 51, 1)", // 设置字体颜色为深灰色，可按需修改
          }}
        >
          <img src={Link} alt="" className="w-4 h-4 mr-1" />
        </Tooltip>
        <img src={Img} alt="" className="w-4 h-4 mr-1" />
        <img src={Crop} alt="" className="w-4 h-4 mr-1" />
        <img src={voice} alt="" className="w-4 h-4 mr-1" />
        <div className="h-5 border-re-black border mr-3"></div>
        <div className="w-6 h-6 rounded-full bg-re-black flex items-center justify-center cursor-pointer">
          <img src={arrow} alt="" className="w-4 h-4" />
        </div>
      </div>
    </div>
  );
};

const customContent = (
  <>
    <div>
      <div className="flex text-t-black">
        <div className="w-1 h-1 bg-t-black rounded-full mr-1.5 mt-2"></div>
        文件数量：最多 50 个
      </div>
      <div className="ml-2.5">图片数量：最多 10</div>
    </div>
    <div>
      <div className="flex text-t-black">
        <div className="w-1 h-1 bg-t-black rounded-full mr-1 mt-2"></div>
        个文件类型：pdf、txt、csv、docx、
      </div>
      <div className="ml-2.5">doc、xlsx、xls、pptx、ppt、mobi、</div>
      <div className="ml-2.5">epub、png、jpeg、jpg</div>
    </div>
    <div>
      <div className="flex text-t-black">
        <div className="w-1 h-1 bg-t-black rounded-full mr-1.5 mt-2"></div>
        代码文件：py、java、js、ts等类型
      </div>
    </div>
  </>
);
export default sendCom;
